<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/index.js"></script>
    <link rel="stylesheet" href="./css/cinema.css">
    <link rel="stylesheet" href="./css/footer.css">
    <title>cinema</title>
</head>

<body>
    <!-- 头部标题开始 -->
    <div class="header">
        <p class="city">上海<span></span></p>
        <h1>电影院</h1>
        <span class="icon"></span>
    </div>
    <!-- 头部标题结束 -->
    <!-- 选项栏开始 -->
    <div class="select">
        <div class="item">
            <span>区域</span>
            <span class="icon"></span>
        </div>
        <div class="item">
            <span>品牌</span>
            <span class="icon"></span>
        </div>
        <div class="item">
            <span>距离</span>
            <span class="icon"></span>
        </div>
        <div class="item">
            <span>筛选</span>
            <span class="icon"></span>
        </div>
    </div>
    <!-- 选项栏结束 -->
    <!-- 大背景开始 -->
    <div class="banner">
    </div>
    <!-- 大背景结束 -->
    <!-- 影院大全开始 -->
    <div class="cinema1 cinema-all">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <div class="cinema2 cinema-all">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <div class="cinema3 cinema-all">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <div class="cinema4 cinema-all">
        <div class="cinema-top">
            <span class="icon"></span>
            <p>人气影院</p>
            <a href="#">查看全部</a>
        </div>
        <div class="cinema-bottom">
            <p class="tittle">
                <span class="cinema-name">嘉年华国际影城(北路店)</span>
                <span class="icon"></span>
                <span class="hot">人气5000</span>
            </p>
            <span class="location">南宁市某某某路4楼</span>
            <div class="advantage">
                <span>零食</span>
                <span>MAX厅</span>
                <span>中国巨幕</span>
                <span>停车场</span>
                <p>1.1km</p>
            </div>
            <div class="intro">
                <span>卡</span>
                <span>开通会员卡8折购票</span>
                <span>团</span>
                <span>组团购票优惠8折起</span>
                <p>￥19.9起</p>
            </div>
        </div>
    </div>
    <!-- 影院大全结束 -->
    <!-- 底部通栏开始 -->
    <div class="footer">
        <div class="index">
            <a href="./index.html">
                <span class="icon icon1"></span>
                <span>首页</span>
            </a>
        </div>
        <div class="movie">
            <a href="./movie.html">
                <span class="icon icon2"></span>
                <span>电影</span>
            </a>
        </div>
        <div class="cinema">
            <a href="./cinema.html" class="active">
                <span class="icon icon3"></span>
                <span>电影院</span>
            </a>
        </div>
        <div class="find">
            <a href="./find.html">
                <span class="icon icon4"></span>
                <span>发现</span>
            </a>
        </div>
        <div class="my">
            <a href="./my.html">
                <span class="icon icon5"></span>
                <span>我的</span>
            </a>
        </div>
    </div>
    <!-- 底部通栏结束 -->
</body>

</html>